<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0,minimal-ui">
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>
    <link rel="stylesheet" href="../../css/base.css">
    <link rel="stylesheet" href="../../css/cisall.css">
    <link rel="stylesheet" href="../../css/viewer.min.css">
</head>
<body>
<!--[if lte IE 8]>
<div class="text-center padding-top-50 padding-bottom-50 bg-blue-grey-100">
    <p class="browserupgrade font-size-18">
        你正在使用一个<strong>过时</strong>的浏览器。请<a href="http://browsehappy.com/" target="_blank">升级您的浏览器</a>，以提高您的体验。
    </p>
</div>
<![endif]-->
<header>
    <nav class="navbar fixed-top  navbar-expand-lg navbar-light bg-light">
        <a class="navbar-brand" href="../index.html">
            <img src="../../images/base/logo.png" alt="">
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
                aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav navlist ml-auto">
                <li class="nav-item active">
                    <a class="nav-link" href="index.html">全部</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="index.html">荣誉证书</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="index.html">专利证书</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="index.html">国家标准</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="index.html">商标证书</a>
                </li>
            </ul>
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link" href="javacript:window.history(-1)"><i class="iconcis icon-goback f30"></i></a>
                </li>
                <li class="nav-item border-right">
                    <a class="nav-link" href="../index.html"><i class="iconcis icon-home f20"></i></a>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown">
                        <i class="iconcis icon-search"></i>
                    </a>
                    <div class="dropdown-menu search-menu">
                        <form class="form-inline">
                            <input class="form-control" type="search" placeholder="搜索" aria-label="搜索">
                            <button class="btn" type="submit"><i class="iconcis icon-search"></i></button>
                        </form>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown">
                        <i class="iconcis icon-user"></i>
                    </a>
                    <div class="dropdown-menu login-menu">
                        <form class="index-login">
                            <div class="wrapper">
                                <h4 class="bg-line-red">登录</h4>
                                <div class="login-group">
                                    <i class="iconcis icon-user"></i>
                                    <input type="text" placeholder="请输入用户名/电子信箱">
                                </div>
                                <div class="login-group">
                                    <i class="iconcis icon-user"></i>
                                    <input type="password" placeholder="请输入密码">
                                </div>
                                <button class="btn" type="submit">立即登录</button>
                                <p class="link"><a href="register.html">免费注册</a>|<a href="password.html">忘记密码</a></p>
                                <h5>快捷登录</h5>
                                <p>用第三方账号快速登录</p>
                                <div class="row text-center">
                                    <div class="col-sm-6">
                                        <img src="../images/base/login_qq.png">
                                        <p>QQ登录</p>
                                    </div>
                                    <div class="col-sm-6">
                                        <img src="../images/base/login_wx.png">
                                        <p>微信登录</p>
                                    </div>
                                </div>
                            </div>
                            <div class="login-footer">
                                注册或登录即表示同意<br>
                                本系统的”隐私保护条款”和”使用条款”。
                            </div>
                        </form>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown">
                        <i class="iconcis icon-map"></i>
                    </a>
                    <div class="dropdown-menu">
                        <a class="dropdown-item" href="#"><i class="flag flag-china"></i>简体中文版</a>
                        <a class="dropdown-item" href="#"><i class="flag flag-english"></i>English</a>
                        <a class="dropdown-item" href="#"><i class="flag flag-sprache"></i>Sprache</a>
                        <a class="dropdown-item" href="#"><i class="flag flag-japan"></i>日本語</a>
                    </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#"><i class="iconcis icon-lines"></i></a>
                </li>
            </ul>
        </div>
    </nav>
</header>

<header></header>
<div class="container-fluid">
    <div id="gallery" class="honor-list cis-animate-body pt-4">
        <div class="row">
            <div class="col-sm-6 col-md-3 invisible" data-plugin="appear" data-animate="slide-bottom"
                 data-repeat="false">
                <div class="card">
                    <figure class="figure">
                        <img class="img-fluid" src="../../images/upload/honor_list_01.jpg">
                        <figcaption class="cis-mask">
                            <div class="slide-boom-mask-back honor-mask">
                                <p class="text-ellipsis f16">中国复合板行业优质名牌证书</p>
                                <div class="line"></div>
                                <div class="shrink">
                                    查看原图<i class="iconcis icon-xnext f12"></i>
                                    <img data-original="../../images/upload/honor_list_01.jpg" src="../../images/upload/honor_list_01.jpg" alt="中国复合板行业优质名牌证书">
                                </div>
                            </div>
                        </figcaption>
                    </figure>
                </div>
            </div>
            <div class="col-sm-6 col-md-3 invisible" data-plugin="appear" data-animate="slide-bottom"
                 data-repeat="false">
                <div class="card">
                    <figure class="figure">
                        <img class="img-fluid" src="../../images/upload/honor_list_02.jpg">
                        <figcaption class="cis-mask">
                            <div class="slide-boom-mask-back honor-mask">
                                <p class="text-ellipsis f16">中国复合板行业优质名牌证书</p>
                                <div class="line"></div>
                                <div class="shrink">
                                    查看原图<i class="iconcis icon-xnext f12"></i>
                                    <img data-original="../../images/upload/honor_list_02.jpg" src="../../images/upload/honor_list_02.jpg">
                                </div>
                            </div>
                        </figcaption>
                    </figure>
                </div>
            </div>
            <div class="col-sm-6 col-md-3 invisible" data-plugin="appear" data-animate="slide-bottom"
                 data-repeat="false">
                <div class="card">
                    <figure class="figure">
                        <img class="img-fluid" src="../../images/upload/honor_list_03.jpg">
                        <figcaption class="cis-mask">
                            <div class="slide-boom-mask-back honor-mask">
                                <p class="text-ellipsis f16">中国复合板行业优质名牌证书</p>
                                <div class="line"></div>
                                <div class="shrink">
                                    查看原图<i class="iconcis icon-xnext f12"></i>
                                    <img data-original="../../images/upload/honor_list_03.jpg" src="../../images/upload/honor_list_03.jpg">
                                </div>
                            </div>
                        </figcaption>
                    </figure>
                </div>
            </div>
            <div class="col-sm-6 col-md-3 invisible" data-plugin="appear" data-animate="slide-bottom"
                 data-repeat="false">
                <div class="card">
                    <figure class="figure">
                        <img class="img-fluid" src="../../images/upload/honor_list_04.jpg">
                        <figcaption class="cis-mask">
                            <div class="slide-boom-mask-back honor-mask">
                                <p class="text-ellipsis f16">中国复合板行业优质名牌证书</p>
                                <div class="line"></div>
                                <div class="shrink">
                                    查看原图<i class="iconcis icon-xnext f12"></i>
                                    <img data-original="../../images/upload/honor_list_04.jpg" src="../../images/upload/honor_list_04.jpg">
                                </div>
                            </div>
                        </figcaption>
                    </figure>
                </div>
            </div>
            <div class="col-sm-6 col-md-3 invisible" data-plugin="appear" data-animate="slide-bottom"
                 data-repeat="false">
                <div class="card">
                    <figure class="figure">
                        <img class="img-fluid" src="../../images/upload/honor_list_05.jpg">
                        <figcaption class="cis-mask">
                            <div class="slide-boom-mask-back honor-mask">
                                <p class="text-ellipsis f16">中国复合板行业优质名牌证书</p>
                                <div class="line"></div>
                                <div class="shrink">
                                    查看原图<i class="iconcis icon-xnext f12"></i>
                                    <img data-original="../../images/upload/honor_list_05.jpg" src="../../images/upload/honor_list_05.jpg">
                                </div>
                            </div>
                        </figcaption>
                    </figure>
                </div>
            </div>
            <div class="col-sm-6 col-md-3 invisible" data-plugin="appear" data-animate="slide-bottom"
                 data-repeat="false">
                <div class="card">
                    <figure class="figure">
                        <img class="img-fluid" src="../../images/upload/honor_list_06.jpg">
                        <figcaption class="cis-mask">
                            <div class="slide-boom-mask-back honor-mask">
                                <p class="text-ellipsis f16">中国复合板行业优质名牌证书</p>
                                <div class="line"></div>
                                <div class="shrink">
                                    查看原图<i class="iconcis icon-xnext f12"></i>
                                    <img data-original="../../images/upload/honor_list_06.jpg" src="../../images/upload/honor_list_06.jpg">
                                </div>
                            </div>
                        </figcaption>
                    </figure>
                </div>
            </div>
            <div class="col-sm-6 col-md-3 invisible" data-plugin="appear" data-animate="slide-bottom"
                 data-repeat="false">
                <div class="card">
                    <figure class="figure">
                        <img class="img-fluid" src="../../images/upload/honor_list_07.jpg">
                        <figcaption class="cis-mask">
                            <div class="slide-boom-mask-back honor-mask">
                                <p class="text-ellipsis f16">中国复合板行业优质名牌证书</p>
                                <div class="line"></div>
                                <div class="shrink">
                                    查看原图<i class="iconcis icon-xnext f12"></i>
                                    <img data-original="../../images/upload/honor_list_07.jpg" src="../../images/upload/honor_list_07.jpg">
                                </div>
                            </div>
                        </figcaption>
                    </figure>
                </div>
            </div>
            <div class="col-sm-6 col-md-3 invisible" data-plugin="appear" data-animate="slide-bottom"
                 data-repeat="false">
                <div class="card">
                    <figure class="figure">
                        <img class="img-fluid" src="../../images/upload/honor_list_03.jpg">
                        <figcaption class="cis-mask">
                            <div class="slide-boom-mask-back honor-mask">
                                <p class="text-ellipsis f16">中国复合板行业优质名牌证书</p>
                                <div class="line"></div>
                                <div class="shrink">
                                    查看原图<i class="iconcis icon-xnext f12"></i>
                                    <img data-original="../../images/upload/honor_list_03.jpg" src="../../images/upload/honor_list_03.jpg">
                                </div>
                            </div>
                        </figcaption>
                    </figure>
                </div>
            </div>
        </div>
        <div class="text-center"><a href="javascript:;">加载更多</a></div>
    </div>
</div>

<script src="../../js/base.js"></script>
<script src="../../js/viewer.min.js"></script>
<script src="../../js/cisall.js"></script>
<script>
    $(function () {
        METUI_FUN['honor-list'] = {
            name: 'honor-list',
            appear: function () {
                var indexappear = $('.cis-animate-body:eq(0) [data-plugin=appear]');
                if (indexappear.length) {
                    indexappear.scrollFun(function (val) {
                        val.appearDiy();
                    }, {is_scroll: true});
                }
            }
        };
        var x = new metui(METUI_FUN['honor-list']);

        var viewer = new Viewer(document.getElementById('gallery'), {
            url: 'data-original',
            navbar: false,// 显示缩略图导航
            toolbar: false
        });
        $(".viewer-prev1").click(function () {
            console.log('======')
            $(".viewer-prev").click();
        })
        $(".viewer-next1").click(function () {
            $(".viewer-next").click();
        })
    })
</script>
</body>
</html>